<%--
  Created by IntelliJ IDEA.
  User: 29091
  Date: 2021-12-12
  Time: 22:16
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<html>
    <head>
        <title>${commDetails.comName}</title>
        <link rel="stylesheet" type="text/css" href="css/detailed.css"/>
        <link rel="stylesheet" type="text/css" href="fonts/font-cbl/iconfont.css"/>
        <script type="text/javascript" src="js/jquery-3.6.0.js"></script>
        <script type="text/javascript" src="js/detailed.js"></script>
    </head>
    <body>
        <!--顶部导航-->
        <div class="top-nav">
            <div class="top-nav-wrapper clearfix">
                <ul class="top-nav-l">
                    <li>
                        <a href="#">
                            <span class="icon icon-star"></span>
                            收藏花礼网（hua.com）
                        </a>
                    </li>
                    <li style="margin-left:5px;position: relative; width: 98px;" class="menu-dropdown">
                        <a href="#">
                            <span class="icon icon-weixin"></span>
                            关注微信
                        </a>
                        <div class="dropdown-box">
                            <img src="https://img02.hua.com/pc/pimg/home/wxguanjia_qrcode.png" width="124px"/>
                            <p>扫码关注<br />回复"礼物"更多惊喜</p>
                        </div>
                    </li>
                    <li class="menu-dropdown" style="position: relative; left: -3px;">
                        <a href="https://www.hua.com/mobile/">
                            <span class="icon icon-mobile"></span>
                            花礼网app
                        </a>
                        <div class="dropdown-box">
                            <img src="https://img02.hua.com/pc/pimg/home/app_download_qrcode_2021.png" width="120px"/>
                            <p>新人专享100元APP礼包</p>
                        </div>
                    </li>
                </ul>
                <ul class="top-nav-r">
                    <li class="menu login" id="LoginInfo">
                        <c:if test="${empty sessionScope.user}">
                            <a href="login.jsp">你好，请登录</a><a href="zhuce.jsp" style="margin-left: 12px;">注册</a>
                        </c:if>
                        <c:if test="${not empty sessionScope.user}">
                            <a href="user/UserInfo.shtml">你好，${sessionScope.user.name}</a><a href="userlogin.shtml?flag=tuiChu" style="margin-left: 12px;" onclick="return confirm('确认退出登录吗？')">退出</a>
                        </c:if>
                    </li>
                    <li class="menu"><a href="#">订单查询</a></li>
                    <li class="menu kehuFuWu" style="position: relative;">
                        <a href="#">客户服务</a>
                        <span class="icon-arrow"></span>
                        <div class="dropdown-box">
                            <a href="#">在线付款</a>
                            <a href="#">帮助中心</a>
                            <a href="#">售后服务</a>
                            <a href="#">配送范围</a>
                            <a href="#">留言反馈</a>
                        </div>
                    </li>
                    <li class="menu">
                        <a href="toShoping.shtml?doWhat=goShoppingCart">购物车</a>
                        <span id="gwcCount">(${sessionScope.userShoppingCartNum==null?0:sessionScope.userShoppingCartNum})</span>
                    </li>
                    <li class="menu">鲜花礼品网:国内领先鲜花网品牌</li>
                </ul>
            </div>
        </div>
        <script type="text/javascript" src="js/indexTop-nav.js"></script>
        <!--顶部导航 End-->
        <!--头部-->
        <div class="header">
            <div class="header-container">
                <div class="logo"><a href="#"></a></div>
                <div class="sosuo">
                    <form method="get">
                        <div class="sousuo-box-icon"><span></span></div><input type="text" id="" value="" placeholder="商品搜索"/>
                        <div class="btn-primary">搜索</div>
                    </form>
                    <div class="sosuo-box-hotwords" style="margin-top: 45px;">
                        <a href="#">红玫瑰</a>
                        <a href="#">永生花</a>
                        <a href="#">生日鲜花</a>
                        <a href="#">礼品卡</a>
                    </div>
                </div>
                <div class="service">
                    <div class="phone"><span></span><div class="phone-info">400-889-8188</div></div>
                    <div class="kefu"><a href="#"><span></span>在线客服</a></div>
                </div>
            </div>
        </div>
        <!--头部完结 End-->
        <!--导航-->
        <div id="navi">
            <div class="fenlei">
                <div class="allFen">
                    <span class="beiJingXiaotu"></span>
                    <div class="fenZi">所有分类</div>
                </div>
                <div class="xiFen">
                    <a href="index.shtml">首页</a>
                    <a href="#">鲜花</a>
                    <a href="#">永生花</a>
                    <a href="#">蛋糕</a>
                    <a href="#">礼品</a>
                    <a href="#">巧克力</a>
                    <a href="#">花语大全</a>
                    <a href="#">企业团购</a>
                    <a href="#">设计师臻选鲜花</a>
                </div>
            </div>
        </div>

        <!--导航End-->
        <div class="crumb-wrap">
            <div class="crumb">
                <a href="index.shtml">首页</a>
                &gt;
                <a href="#">${commDetails.comClass.name}</a>
                &gt;${commDetails.comName}
            </div>
        </div>
        <!--商品-->
        <div class="product-wrap">
            <div class="product-intro">
                <div class="product-preview">
                    <div class="preview-bigimage"><img src="" width="100%" height="100%"/></div>
                    <div class="preview-list">
                        <c:forTokens items="${commDetails.comImage}" delims="," var="comImage">
                            <div class="preview-list-item"><img src="image/commodity/${comImage}"/></div>
                        </c:forTokens>
                        <%--<div class="preview-list-item active"><img src="../HuaLiPublicimg/product-01.jpg"/></div>
                        <div class="preview-list-item"><img src="detailedImg/product-03.jpg"/></div>
                        <div class="preview-list-item"><img src="detailedImg/product-04.jpg"/></div>--%>
                    </div>
                </div>
                <div class="product-info">
                    <div class="product-info-area">
                        <div class="title">
                            <p class="title-name">${commDetails.comName}</p>
                            <div class="title-li">
                                <span class="title-point">${commDetails.content}</span>
                                <span class="title-desc">${commDetails.content2}</span>
                            </div>
                        </div>
                        <div class="price">
                            <div class="price-item">
                                <span class="price-label">售价</span>
                                <div class="price-box">
                                    <span class="sell-price">${commDetails.outPrice}</span>
                                    <span class="original-price">
                                            市场价
                                            <span class="s-price">￥${commDetails.marketPrice}</span>
                                        </span>
                                </div>
                                <div class="discounts">
                                    <div class="discounts-title">
                                        <span class="iconfont icon-phone"></span>
                                        <span class="middle">手机专享价</span>
                                        <span id="wxappPrice">￥${commDetails.outPrice}</span>
                                    </div>
                                    <div class="qr-dropdown-box">
                                        <div class="qr-dropdown-item">
                                            <img src="https://img02.hua.com/pc/pimg/app_qrcode_2021.png"/>
                                            <p>APP新人专享100元大礼包</p>
                                        </div>
                                        <div class="qr-dropdown-item">
                                            <img src="https://m.hua.com/wxapi/tempqrpic?pid=1073276&userid=&type=1&sj=2021-9-15&sign=ad04d5241a04e304"/>
                                            <p>微信公众号快捷购买</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="sale-count">
                                    已售<span>${commDetails.outNum}</span>件
                                </div>
                            </div>
                        </div>
                        <div class="huayu">
                            <div class="huayu-item">
                                <span class="huayu-label">材料</span>
                                <p class="huayu-content">
                                    ${commDetails.materialScience}
                                </p>
                            </div>
                            <div class="huayu-item">
                                <span class="huayu-label">包装</span>
                                <p class="huayu-content">${commDetails.packing}</p>
                            </div>
                        </div>
                        <div class="delivery">
                            <div class="delivery-item">
                                <span class="delivery-label">配送说明</span>
                                <div class="delivery-content">
                                    <p>${commDetails.distribution}</p>
                                </div>
                            </div>
                            <div class="delivery-item">
                                <span class="delivery-label" style="line-height: 44px;">选择</span>
                                <div class="sku-list">
                                    <a href="javascript:;">
                                        <div class="sku-box" style="border:2px solid #FF734C">
                                            <img src="image/commodity/${commDetails.images[0]}"/>
                                            <span class="sku-name">${commDetails.comName}</span>
                                            <span class="icon icon-chosen"></span>
                                        </div>
                                    </a>
                                    <c:if test="${not empty similarCommodity}">
                                        <c:forEach items="${similarCommodity}" var="sim">
                                            <a href="commodityDetails.shtml?id=${sim.id}">
                                                <div class="sku-box" style="border: 2px solid #ddd9d9;">
                                                    <img src="image/commodity/${sim.comImage}" />
                                                    <span class="sku-name">${sim.comName}</span>
                                                    <span class="icon"></span>
                                                </div>
                                            </a>
                                        </c:forEach>
                                    </c:if>
                                    <%--<a href="javascript:;">
                                        <div class="sku-box" style="border: 2px solid #ddd9d9;">
                                            <img src="detailedImg/product-白色.jpg" />
                                            <span class="sku-name">红色</span>
                                            <span class="icon"></span>
                                        </div>
                                    </a>
                                    <a href="javascript:;">
                                        <div class="sku-box" style="border: 2px solid #ddd9d9;">
                                            <img src="detailedImg/product-浅色.jpg"/>
                                            <span class="sku-name">浅色</span>
                                            <span class="icon"></span>
                                        </div>
                                    </a>--%>
                                </div>
                            </div>
                        </div>
                        <div class="btn-group">
                            <a href="javascript:;" target="_self" class="btn-group-item btn-addcart">
                                <span class="icon icon-addcartbtn"></span>
                                加入购物车
                            </a>
                            <a href="#" class="btn-group-item btn-soonbuy">
                                立即购买
                            </a>
                            <div class="btn-group-guanzhu">
                                <a href="#">
                                    <span class="icon icon-collect ${collect==null?'':collect}"></span>
                                    收藏商品
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <script type="text/javascript">
                $(function (){
                    //加入购物车操作
                    $(".btn-group-item.btn-addcart").click(function(){
                        //alert("点击加入购物车成功");
                        //去找servlet验证是否登录
                        $.post("toShoping.shtml",{"doWhat":"checkLogin"},function(data){
                            if(data=="false"){
                                alert("请先进行登录哦！");
                            }else{
                                //获取商品编号
                                var id = $(".detail-product-info-detail.id").text();
                                //发送请求将改商品添加到购物车
                                $.post("toShoping.shtml",{"id":id,"doWhat":"addShoping"},function(result){
                                    // 将新的购物车数量 更新一下
                                    //上方购物车数量
                                    $("#gwcCount").html("("+result+")");
                                    //右侧购物车数量
                                    $(".buy-count").html(result);
                                    $(".tishi").show().html("添加购物车成功");
                                    setTimeout(function(){
                                        //两秒后提示框隐藏
                                        $(".tishi").hide().html("");
                                    },2000);
                                });
                            }
                        });
                    });
                });
                //声明 默认是 未登录
                var login = false;
                //发送ajax请求 验证是否已登录
                $.post("toShoping.shtml",{"doWhat":"checkLogin"},function(d){
                    if(d=="true"){
                        login = true;
                    }
                });
                $(".btn-group-guanzhu a").click(function(){
                    if(!login){
                        //还是未登录  提示一下
                        alert("请先进行登录,登录后才可以【收藏商品】哦！");
                        return false;
                    }
                    //获取商品编号
                    var id = $(".detail-product-info-detail.id").text();
                    var ac = $(this).children("span").attr("class").indexOf("active");
                    if(ac==-1){
                        //alert("没有类样式，给你添加了");
                        $.post("toShoping.shtml",{"doWhat":"addCollect","id":id},function(d){
                            if(d=="true"){
                                $(".tishi").show().html("已收藏该商品");
                                setTimeout(function(){
                                    //两秒后提示框隐藏
                                    $(".tishi").hide().html("");
                                },2000);
                            }
                        });
                    }else{
                        //alert("有类样式了，给你去掉了");
                        $.post("toShoping.shtml",{"doWhat":"deleteCollect","id":id},function(d){
                            if(d=="true"){
                                $(".tishi").show().html("取消收藏了");
                                setTimeout(function(){
                                    //两秒后提示框隐藏
                                    $(".tishi").hide().html("");
                                },2000);
                            }
                        });
                    }

                    $(this).children("span").toggleClass("active");

                    return false;
                });

            </script>
            <!--侧边栏-->
            <div class="rightBar">
                <ul class="rightBar-list">
                    <li>
                        <a href="toShoping.shtml?doWhat=goShoppingCart">
                            <span class="iconfont icon-buy"></span>
                            <span>购物车</span>
                            <div class="buy-count">${sessionScope.userShoppingCartNum==null?0:sessionScope.userShoppingCartNum}</div>
                        </a>
                    </li>
                    <li><a href="#"><span class="iconfont icon-sevice" style="font-size: 30px; left: 13px;"></span><span>在线客服</span></a></li>
                    <li>
                        <a href="#"><span class="iconfont icon-phone" style="font-size: 24px;margin-left: 5px;"></span><span>APP</span></a>
                        <div class="qr-box">
                            <img src="//img02.hua.com/pc/pimg/app_qrcode_aside.png"/>
                            <p class="text-bold">使用花礼网APP</p>
                            <p class="text-grey">随时随地看商品</p>
                        </div>
                    </li>
                    <li>
                        <a href="#"><span class="iconfont icon-tel" style="font-size: 25px; left: 16px;"></span><span>联系电话</span></a>
                        <div class="concact-box"><span>400-889-8188</span></div>
                    </li>
                    <li><a href="#"><span class="iconfont icon-fankui" style="font-size: 24px; left: 15px;"></span><span>意见反馈</span></a></li>
                    <li><a href="#"><span class="iconfont icon-huiTop" style="font-size: 25px; left: 15px;"></span><span>回顶部</span></a></li>
                </ul>
            </div>
        </div>
        <!--商品End-->
        <!--相关推荐-->
        <div class="recommend">
            <div class="recommend-header">
                <span class="name">相关推荐</span>
            </div>
            <div class="recommend-list">
                <%--<div class="recommend-item">
                    <a href="#">
                        <div class="recommend-item-pic">
                            <img src="image/commodity/best01.jpg"/>
                        </div>
                        <p class="recommend-item-name"> 花好月圆永生花台灯/红色</p>
                        <p class="recommend-item-price">298</p>
                    </a>
                </div>--%>
            </div>
        </div>
        <!--相关推线End-->

        <div class="wrap clearfix">
            <div class="aside">
                <%--<div class="aside-item">
                    <div class="aside-hd">浏览记录</div>
                    <div class="aside-bd">
                        <ul class="browse-list">
                            <div class="side-item-s">
                                <span>暂无浏览记录！</span>
                            </div>
                        </ul>
                    </div>
                </div>--%>
                <div class="aside-item">
                    <div class="aside-hd">热销推荐</div>
                    <div class="aside-bd">
                        <ul class="hot-list">

                        </ul>
                    </div>
                </div>
            </div>
            <div class="detail">
                <div class="detail-hd">
                    <div class="detail-hd-wp">
                        <ul>
                            <li class="detail-hd-tab active">商品详情</li>
                            <li class="detail-hd-tab">用户评价（<span>143</span>）</li>
                            <li class="detail-hd-tab">常见问题</li>
                            <li class="detail-hd-tab">购物保障</li>
                        </ul>
                        <div class="fixed-group">
                            <p class="fixed-price">￥<span>${commDetails.outPrice}</span></p>
                            <a href="#" class="fixed-btn">立即购买</a>
                        </div>
                    </div>
                </div>
                <div id="product" class="detail-item detail-product">
                    <div class="detail-bd">
                        <div class="detail-product-info">
                            <div class="detail-product-info-l">
                                <p>产品参数</p>
                            </div>
                            <div class="detail-product-info-r">
                                <div class="detail-product-info-item">
                                    <span class="detail-product-info-label">编号</span>
                                    <span class="detail-product-info-detail id">${commDetails.id}</span>
                                </div>
                                <div class="detail-product-info-item">
                                    <span class="detail-product-info-label">类别</span>
                                    <span class="detail-product-info-detail">${commDetails.comClass.name}</span>
                                </div>
                                <div class="detail-product-info-item">
                                    <span class="detail-product-info-label">附送</span>
                                    <span class="detail-product-info-detail">下单填写留言，即免费赠送精美贺卡！</span>
                                </div>
                            </div>
                        </div>
                        <div class="detail-product-content">
                            <p style="text-align:center;">
                                <c:forTokens items="${commDetails.detailsImage}" delims="," var="detImg">
                                    <img src="image/commodity/${detImg}" alt="" />
                               </c:forTokens>
                            </p>
                            <img src="image/commodity/det-18.jpg" alt="附送贺卡"/>
                            <section class="disseminate">
                                <div class="point">
                                    <div class="point-title">龙头企业认证·15年品牌</div>
                                    <div class="point-body">
                                        <p>始于2005，多次获中国电子商务协会“鲜花龙头企业”认证。</p>
                                        <img src="image/commodity/det-19.png" alt="鲜花龙头企业"/>
                                    </div>
                                </div>
                                <div class="point">
                                    <div class="point-title">品牌形象代言人—黄圣依</div>
                                    <div class="point-body">
                                        <p>签约黄圣依担任花礼网品牌代言人，携手助力品牌新升级，进一步提升品牌形象，为用户提供更加优质便捷的服务，“重要时刻，爱不缺席”。</p>
                                        <img src="image/commodity/det-20.png" alt="黄圣依"/>
                                    </div>
                                </div>
                                <div class="point">
                                    <div class="point-title">顺丰包邮 · 100+城市次日达</div>
                                    <div class="point-body">
                                        <p>顺丰包邮，100+城市次日达:默认选择选择顺丰发货(顺丰未覆盖地区EMS发货)，全国100+城市可享“次日达”服务。我们同时也将根据快递时效及订单配送日期计算好发货时 间，最大程度按要求日期送达。</p>
                                        <img src="image/commodity/det-21.png" alt="顺丰包邮 · 100+城市次日达"/>
                                    </div>
                                </div>
                                <div class="point">
                                    <div class="point-title">厄瓜多尔进口花材</div>
                                    <div class="point-body">
                                        <p>严选世界知名永生花材供应商，优先选择进口高品质花材：绝大多数永生花材来自于全球玫瑰的知名种植基地-厄瓜多尔。花头直径、花瓣数是国产的２倍以上，颜色鲜艳夺人。</p>
                                        <img src="image/commodity/det-22.png" alt="厄瓜多尔进口花材"/>
                                    </div>
                                </div>
                                <div class="point">
                                    <div class="point-title">花艺设计团队</div>
                                    <div class="point-body">
                                        <p>国内领先的原创花艺：中国花艺博览会赛事冠军花艺师打造团队，坚持原创设计，创作花款迄今已畅销千万束。</p>
                                        <img src="image/commodity/det-23.png" alt="花艺设计团队"/>
                                    </div>
                                </div>
                                <div class="point">
                                    <div class="point-title">客服团队</div>
                                    <div class="point-body">
                                        <p>建设一支较其他电商更大规模的客服团队，将常规客服升级为售前订花顾问、售中专人跟单、售后快速响应的一站式管家客服模式。</p>
                                        <img src="image/commodity/det-24.png" alt="客服团队"/>
                                    </div>
                                </div>
                                <div class="point">
                                    <div class="point-title">优秀平台汇聚优秀人才</div>
                                    <div class="point-body">
                                        <p>我们相信优秀的平台环境可以吸引同样气质、热爱花礼行业的优秀人才。</p>
                                        <img src="image/commodity/det-25.png" alt="优秀平台汇聚优秀人才"/>
                                    </div>
                                </div>
                            </section>
                        </div>
                    </div>
                </div>
                <div id="comment" class="detail-item detail-comment">
                    <div class="detail-item-title">用户评价</div>
                    <div class="detail-bd">
                        <div class="detail-comment-hd">
                            <div class="detail-comment-radio">
                                <a href="#" class="detail-comment-radio-item active">
                                    <span class="type">全部评价</span>
                                    <span class="nums">（143）</span>
                                </a>
                            </div>
                            <div class="detail-comment-navi">
                                <a href="#" class="detail-comment-navi-item">查看当前商品评价</a>
                                <a href="#" class="detail-comment-navi-item">查看所有商品评价</a>
                            </div>
                        </div>
                        <div class="detail-comment-bd">
                            <div class="detail-comment-list">
                                <div class="detail-comment-item">
                                    <div class="detail-comment-item-user">
                                        <div class="detail-comment-item-avatar">
                                            <img src="https://thirdwx.qlogo.cn/mmopen/vi_32/rumCPlZacThhrD5BiajzFIc5XaSrHG6qwLcYvbauKd475CrCKL8pKQVLy1S3VThXRP6TAtqVUAQ7yT97jOXm8tQ/132" alt="胡*" />
                                            <span>胡*</span>
                                        </div>
                                    </div>
                                    <div class="detail-comment-item-main tm-m-photos">
                                        <div class="star stars5">
                                            <ul class="star-list">
                                                <li class="star-item"></li>
                                                <li class="star-item"></li>
                                                <li class="star-item"></li>
                                                <li class="star-item"></li>
                                                <li class="star-item"></li>
                                            </ul>
                                        </div>
                                        <div class="detail-comment-item-content">
                                            <p>很漂亮，做工精细，贺卡走心，送货速度快。妈妈很喜欢！</p>
                                        </div>
                                        <ul class="detail-comment-item-imglist tm-m-photos-thumb clearfix">
                                            <li class="detail-comment-item-img image-useless tm-current">
                                                <img src="//img.hua.com/reviewpic/m/2021/05/22/562692bda0c943fb8496f2914692aae2.jpeg" alt="" />
                                            </li>
                                        </ul>
                                        <div class="detail-comment-item-imgviewer tm-m-photo-viewer" style="width: 400px;height:400px;">
                                            <a href="#" class="detail-comment-item-closeview">关闭大图</a>
                                            <img src="https://img.hua.com/reviewpic/m/2021/05/22/562692bda0c943fb8496f2914692aae2.jpeg" class="detail-comment-item-viewimg"/>
                                            <a href="javascript:;" class="tm-m-photo-viewer-navleft"><span class="icon icon-imgviewer-left"></span></a>
                                            <a href="javascript:;" class="tm-m-photo-viewer-navright"><span class="icon icon-imgviewer-right"></span></a>
                                        </div>
                                        <div class="detail-comment-item-btm">
                                            <span class="detail-comment-item-addr">贵州黔南州都匀市</span>
                                            <span class="detail-comment-item-time">2021-05-22</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="detail-comment-item">
                                    <div class="detail-comment-item-user">
                                        <div class="detail-comment-item-avatar">
                                            <img src="https://thirdwx.qlogo.cn/mmopen/vi_32/DYAIOgq83erT2ARnw8nU7Imr5NcgJVzBeA2fj2RDSo0SNLcSPDkeQSIuxVTkrjxxEic3kZAofm4MWUO5uahqgTA/132" alt="刘*丹" />
                                            <span>刘*丹</span>
                                        </div>
                                    </div>
                                    <div class="detail-comment-item-main tm-m-photos">
                                        <div class="star stars5">
                                            <ul class="star-list">
                                                <li class="star-item"></li>
                                                <li class="star-item"></li>
                                                <li class="star-item"></li>
                                                <li class="star-item"></li>
                                                <li class="star-item"></li>
                                            </ul>
                                        </div>
                                        <div class="detail-comment-item-content">
                                            <p>妈妈很喜欢！！！</p>
                                        </div>
                                        <ul class="detail-comment-item-imglist tm-m-photos-thumb clearfix">
                                            <li class="detail-comment-item-img image-useless tm-current">
                                                <img src="//img.hua.com/reviewpic/wxmp/202103240733476825352149.jpg"  />
                                            </li>
                                            <li class="detail-comment-item-img image-useless tm-current">
                                                <img src="//img.hua.com/reviewpic/wxmp/202103240733559500535773.jpg" alt="" />
                                            </li>
                                            <li class="detail-comment-item-img image-useless tm-current">
                                                <img src="//img.hua.com/reviewpic/wxmp/202103240734165360527260.jpg" alt="" />
                                            </li>
                                        </ul>
                                        <div class="detail-comment-item-imgviewer tm-m-photo-viewer" style="width: 400px;height:400px;">
                                            <a href="#" class="detail-comment-item-closeview">关闭大图</a>
                                            <img src="//img.hua.com/reviewpic/wxmp/202103240733476825352149.jpg" class="detail-comment-item-viewimg"/>
                                            <a href="javascript:;" class="tm-m-photo-viewer-navleft"><span class="icon icon-imgviewer-left"></span></a>
                                            <a href="javascript:;" class="tm-m-photo-viewer-navright"><span class="icon icon-imgviewer-right"></span></a>
                                        </div>
                                        <div class="detail-comment-item-btm">
                                            <span class="detail-comment-item-addr">湖北武汉市洪山区</span>
                                            <span class="detail-comment-item-time">2021-03-24</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="detail-comment-item">
                                    <div class="detail-comment-item-user">
                                        <div class="detail-comment-item-avatar">
                                            <img src="https://thirdwx.qlogo.cn/mmopen/vi_32/Q0j4TwGTfTLC1qvkb7LHMUNiagFMLYtOnTOgVxhKWdckiaf2olSGUAdF36ZVHm7ktic0O56uoXrbpA3GgUaWweK6w/132" alt="赵*丽" />
                                            <span>赵*丽</span>
                                        </div>
                                    </div>
                                    <div class="detail-comment-item-main tm-m-photos">
                                        <div class="star stars5">
                                            <ul class="star-list">
                                                <li class="star-item"></li>
                                                <li class="star-item"></li>
                                                <li class="star-item"></li>
                                                <li class="star-item"></li>
                                                <li class="star-item"></li>
                                            </ul>
                                        </div>
                                        <div class="detail-comment-item-content">
                                            <p>送婆婆的，非常好看大气，老人很喜欢，即可以照明又可以当摆饰，看着很温暖。</p>
                                        </div>
                                        <ul class="detail-comment-item-imglist tm-m-photos-thumb clearfix">
                                            <li class="detail-comment-item-img image-useless tm-current">
                                                <img src="//img.hua.com/reviewpic/m/2021/03/06/4105e5e6e5324375991b56263874161e.jpg" alt="" />
                                            </li>
                                            <li class="detail-comment-item-img image-useless tm-current">
                                                <img src="//img.hua.com/reviewpic/m/2021/03/06/9258b29d8592434ebc34b5b0d872acb8.jpg" alt="" />
                                            </li>
                                        </ul>
                                        <div class="detail-comment-item-imgviewer tm-m-photo-viewer" style="width: 400px;height:400px;">
                                            <a href="#" class="detail-comment-item-closeview">关闭大图</a>
                                            <img src="" class="detail-comment-item-viewimg"/>
                                            <a href="javascript:;" class="tm-m-photo-viewer-navleft"><span class="icon icon-imgviewer-left"></span></a>
                                            <a href="javascript:;" class="tm-m-photo-viewer-navright"><span class="icon icon-imgviewer-right"></span></a>
                                        </div>
                                        <div class="detail-comment-item-btm">
                                            <span class="detail-comment-item-addr">山东泰安市新泰市</span>
                                            <span class="detail-comment-item-time">2021-03-06</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="detail-comment-item">
                                    <div class="detail-comment-item-user">
                                        <div class="detail-comment-item-avatar">
                                            <img src="https://thirdwx.qlogo.cn/mmopen/vi_32/MFCs262YRqrtLIeQiaqPic3jzFXEbIwllgribYBjn8t823aBCNrGhXyywezwic9oNoicTOexBJ6yIibTjPq1ic2YGQwVw/132" alt="微信*户" />
                                            <span>微信*户</span>
                                        </div>
                                    </div>
                                    <div class="detail-comment-item-main tm-m-photos">
                                        <div class="star stars5">
                                            <ul class="star-list">
                                                <li class="star-item"></li>
                                                <li class="star-item"></li>
                                                <li class="star-item"></li>
                                                <li class="star-item"></li>
                                                <li class="star-item"></li>
                                            </ul>
                                        </div>
                                        <div class="detail-comment-item-content">
                                            <p>送货很快，花也很美！</p>
                                        </div>
                                        <ul class="detail-comment-item-imglist tm-m-photos-thumb clearfix">
                                            <li class="detail-comment-item-img image-useless tm-current">
                                                <img src="//img.hua.com/reviewpic/wxmp/2021/09/18/e257b38c8a714775a97bdefa685bbc3f.jpg" />
                                            </li>
                                            <li class="detail-comment-item-img image-useless tm-current">
                                                <img src="//img.hua.com/reviewpic/wxmp/2021/09/18/15835c3ee41f4e5ebc97d431864f87db.jpg" />
                                            </li>
                                            <li class="detail-comment-item-img image-useless tm-current">
                                                <img src="//img.hua.com/reviewpic/wxmp/2021/09/18/d5c3bf815b8843eb8e75433caeb1cbc6.jpg" />
                                            </li>
                                        </ul>
                                        <div class="detail-comment-item-imgviewer tm-m-photo-viewer" style="width: 400px;height:400px;">
                                            <a href="#" class="detail-comment-item-closeview">关闭大图</a>
                                            <img src="" class="detail-comment-item-viewimg"/>
                                            <a href="javascript:;" class="tm-m-photo-viewer-navleft"><span class="icon icon-imgviewer-left"></span></a>
                                            <a href="javascript:;" class="tm-m-photo-viewer-navright"><span class="icon icon-imgviewer-right"></span></a>
                                        </div>
                                        <div class="detail-comment-item-btm">
                                            <span class="detail-comment-item-addr">广西南宁市青秀区</span>
                                            <span class="detail-comment-item-time">2021-09-18</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="detail-comment-item">
                                    <div class="detail-comment-item-user">
                                        <div class="detail-comment-item-avatar">
                                            <img src="https://thirdwx.qlogo.cn/mmopen/vi_32/cv0MrJljpW3oZh8Tmckhib1bGZhrpibWF4n5sw9rqjtAcSVuwxg2icKGFP2EXYmJNw8SZou4xdJMytQGNxcia4NdPQ/132" alt="肖*" />
                                            <span>肖*</span>
                                        </div>
                                    </div>
                                    <div class="detail-comment-item-main tm-m-photos">
                                        <div class="star stars5">
                                            <ul class="star-list">
                                                <li class="star-item"></li>
                                                <li class="star-item"></li>
                                                <li class="star-item"></li>
                                                <li class="star-item"></li>
                                                <li class="star-item"></li>
                                            </ul>
                                        </div>
                                        <div class="detail-comment-item-content">
                                            <p>爸爸妈妈收到很喜欢。就是不知道怎么不是暖光！爸爸说：谢谢小棉袄！40多岁的小棉袄??</p>
                                        </div>
                                        <ul class="detail-comment-item-imglist tm-m-photos-thumb clearfix">
                                            <li class="detail-comment-item-img image-useless tm-current">
                                                <img src="//img.hua.com/reviewpic/app/2021/09/16/3b6d1988afcf4839a9f91374e9497f76.jpeg" alt="" />
                                            </li>
                                            <li class="detail-comment-item-img image-useless tm-current">
                                                <img src="//img.hua.com/reviewpic/app/2021/09/16/fbf1955e45e34c98a6dc4357f307ca92.jpeg" alt="" />
                                            </li>
                                        </ul>
                                        <div class="detail-comment-item-imgviewer tm-m-photo-viewer" style="width: 400px;height:400px;">
                                            <a href="#" class="detail-comment-item-closeview">关闭大图</a>
                                            <img src="" class="detail-comment-item-viewimg"/>
                                            <a href="javascript:;" class="tm-m-photo-viewer-navleft"><span class="icon icon-imgviewer-left"></span></a>
                                            <a href="javascript:;" class="tm-m-photo-viewer-navright"><span class="icon icon-imgviewer-right"></span></a>
                                        </div>
                                        <div class="detail-comment-item-btm">
                                            <span class="detail-comment-item-addr">广东深圳市龙华区</span>
                                            <span class="detail-comment-item-time">2021-09-16</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="detail-comment-item">
                                    <div class="detail-comment-item-user">
                                        <div class="detail-comment-item-avatar">
                                            <img src="https://thirdwx.qlogo.cn/mmopen/vi_32/Q0j4TwGTfTL4Yf2awot0of7KSP5PWjSp43btt6XQjjC56Rcn4rm0LRFWSK8kLxa2W9vokkcSONTz8p2e8q8iarA/132" alt="刘*艳" />
                                            <span>刘*艳</span>
                                        </div>
                                    </div>
                                    <div class="detail-comment-item-main tm-m-photos">
                                        <div class="star stars5">
                                            <ul class="star-list">
                                                <li class="star-item"></li>
                                                <li class="star-item"></li>
                                                <li class="star-item"></li>
                                                <li class="star-item"></li>
                                                <li class="star-item"></li>
                                            </ul>
                                        </div>
                                        <div class="detail-comment-item-content">
                                            <p>老师很喜欢，以前都是买鲜花，今年换换</p>
                                        </div>
                                        <ul class="detail-comment-item-imglist tm-m-photos-thumb clearfix">
                                            <li class="detail-comment-item-img image-useless tm-current">
                                                <img src="//img.hua.com/reviewpic/m/2021/09/10/7b6f13c85fa044adba9eb32dd873b7ac.jpg" alt="" />
                                            </li>
                                        </ul>
                                        <div class="detail-comment-item-imgviewer tm-m-photo-viewer" style="width: 400px;height:400px;">
                                            <a href="#" class="detail-comment-item-closeview">关闭大图</a>
                                            <img src="" class="detail-comment-item-viewimg"/>
                                            <a href="javascript:;" class="tm-m-photo-viewer-navleft"><span class="icon icon-imgviewer-left"></span></a>
                                            <a href="javascript:;" class="tm-m-photo-viewer-navright"><span class="icon icon-imgviewer-right"></span></a>
                                        </div>
                                        <div class="detail-comment-item-btm">
                                            <span class="detail-comment-item-addr">山东省烟台市莱山区</span>
                                            <span class="detail-comment-item-time">2021-09-10</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="detail-comment-item">
                                    <div class="detail-comment-item-user">
                                        <div class="detail-comment-item-avatar">
                                            <img src="https://img02.hua.com/uploadpic/gravatar/781103_20210515094633.jpeg" alt="宋*晴" />
                                            <span>宋*晴</span>
                                        </div>
                                    </div>
                                    <div class="detail-comment-item-main tm-m-photos">
                                        <div class="star stars5">
                                            <ul class="star-list">
                                                <li class="star-item"></li>
                                                <li class="star-item"></li>
                                                <li class="star-item"></li>
                                                <li class="star-item"></li>
                                                <li class="star-item"></li>
                                            </ul>
                                        </div>
                                        <div class="detail-comment-item-content">
                                            <p>闺蜜很喜欢！</p>
                                        </div>
                                        <ul class="detail-comment-item-imglist tm-m-photos-thumb clearfix">
                                            <li class="detail-comment-item-img image-useless tm-current">
                                                <img src="//img.hua.com/reviewpic/app/2021/06/04/3adc4e71d9114ea39e4ceb23424e4eaf.jpeg"/>
                                            </li>
                                            <li class="detail-comment-item-img image-useless tm-current">
                                                <img src="//img.hua.com/reviewpic/app/2021/06/04/e13ea0b8858c4e159b530ad4959980ea.jpeg"/>
                                            </li>
                                            <li class="detail-comment-item-img image-useless tm-current">
                                                <img src="//img.hua.com/reviewpic/app/2021/06/04/da1be40233454ac7a8d4bdb7038c8d69.jpeg"/>
                                            </li>
                                        </ul>
                                        <div class="detail-comment-item-imgviewer tm-m-photo-viewer" style="width: 400px;height:400px;">
                                            <a href="#" class="detail-comment-item-closeview">关闭大图</a>
                                            <img src="" class="detail-comment-item-viewimg"/>
                                            <a href="javascript:;" class="tm-m-photo-viewer-navleft"><span class="icon icon-imgviewer-left"></span></a>
                                            <a href="javascript:;" class="tm-m-photo-viewer-navright"><span class="icon icon-imgviewer-right"></span></a>
                                        </div>
                                        <div class="detail-comment-item-btm">
                                            <span class="detail-comment-item-addr">辽宁大连市普兰店区</span>
                                            <span class="detail-comment-item-time">2021-06-04</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="detail-comment-item">
                                    <div class="detail-comment-item-user">
                                        <div class="detail-comment-item-avatar">
                                            <img src="https://img02.hua.com/pc/assets/img/avatar_default_06.jpg" alt="张*熹" />
                                            <span>张*熹</span>
                                        </div>
                                    </div>
                                    <div class="detail-comment-item-main tm-m-photos">
                                        <div class="star stars5">
                                            <ul class="star-list">
                                                <li class="star-item"></li>
                                                <li class="star-item"></li>
                                                <li class="star-item"></li>
                                                <li class="star-item"></li>
                                                <li class="star-item"></li>
                                            </ul>
                                        </div>
                                        <div class="detail-comment-item-content">
                                            <p>准时送到，妈妈非常喜欢!</p>
                                        </div>
                                        <ul class="detail-comment-item-imglist tm-m-photos-thumb clearfix">
                                            <li class="detail-comment-item-img image-useless tm-current">
                                                <img src="https://video.hua.com/333582366_1073276.mp4?vframe/jpg/offset/1&a=v1" alt="" />
                                            </li>
                                            <li class="detail-comment-item-img image-useless tm-current">
                                                <img src="//img.hua.com/reviewpic/app/2021/06/02/a36e330b9f2c47f797a0c180a832cdd6.jpeg" alt="" />
                                            </li>
                                            <li class="detail-comment-item-img image-useless tm-current">
                                                <img src="//img.hua.com/reviewpic/app/2021/06/02/40baaa0cb2e644d884bcd5a1cb242849.jpeg" alt="" />
                                            </li>
                                        </ul>
                                        <div class="detail-comment-item-imgviewer tm-m-photo-viewer" style="width: 400px;height:400px;">
                                            <a href="#" class="detail-comment-item-closeview">关闭大图</a>
                                            <img src="" class="detail-comment-item-viewimg"/>
                                            <a href="javascript:;" class="tm-m-photo-viewer-navleft"><span class="icon icon-imgviewer-left"></span></a>
                                            <a href="javascript:;" class="tm-m-photo-viewer-navright"><span class="icon icon-imgviewer-right"></span></a>
                                        </div>
                                        <div class="detail-comment-item-btm">
                                            <span class="detail-comment-item-addr">湖北武汉市江岸区</span>
                                            <span class="detail-comment-item-time">2021-06-02</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="detail-comment-item">
                                    <div class="detail-comment-item-user">
                                        <div class="detail-comment-item-avatar">
                                            <img src="https://img02.hua.com/pc/assets/img/avatar_default_05.jpg" alt="马*" />
                                            <span>马*</span>
                                        </div>
                                    </div>
                                    <div class="detail-comment-item-main tm-m-photos">
                                        <div class="star stars5">
                                            <ul class="star-list">
                                                <li class="star-item"></li>
                                                <li class="star-item"></li>
                                                <li class="star-item"></li>
                                                <li class="star-item"></li>
                                                <li class="star-item"></li>
                                            </ul>
                                        </div>
                                        <div class="detail-comment-item-content">
                                            <p>实物与描述相符，运送快速，购买流程顺畅无虞，另外客服很用心地把留言祝福用手誊抄，一手字很漂亮，父母很喜欢。这是第二次回购了，依然好评。</p>
                                        </div>
                                        <ul class="detail-comment-item-imglist tm-m-photos-thumb clearfix">
                                            <li class="detail-comment-item-img image-useless tm-current">
                                                <img src="//img.hua.com/reviewpic/m/2021/05/11/3147f844b5f74631bd4703bb2a7b763d.jpg" alt="" />
                                            </li>
                                        </ul>
                                        <div class="detail-comment-item-imgviewer tm-m-photo-viewer" style="width: 400px;height:400px;">
                                            <a href="#" class="detail-comment-item-closeview">关闭大图</a>
                                            <img src="" class="detail-comment-item-viewimg"/>
                                            <a href="javascript:;" class="tm-m-photo-viewer-navleft"><span class="icon icon-imgviewer-left"></span></a>
                                            <a href="javascript:;" class="tm-m-photo-viewer-navright"><span class="icon icon-imgviewer-right"></span></a>
                                        </div>
                                        <div class="detail-comment-item-btm">
                                            <span class="detail-comment-item-addr">河北唐山市路北区</span>
                                            <span class="detail-comment-item-time">2021-05-11</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="detail-comment-item">
                                    <div class="detail-comment-item-user">
                                        <div class="detail-comment-item-avatar">
                                            <img src="https://thirdwx.qlogo.cn/mmopen/vi_32/9OuX5luw7DvY3yDIuy0XL9QAqjRJhja7Q44Fr00iaBEv5DVHeRtSKYO9ibr4ia1eGpGGVFNV2m9Hh8zL29y6dqTzA/132" alt="陈*豪" />
                                            <span>陈*豪</span>
                                        </div>
                                    </div>
                                    <div class="detail-comment-item-main tm-m-photos">
                                        <div class="star stars5">
                                            <ul class="star-list">
                                                <li class="star-item"></li>
                                                <li class="star-item"></li>
                                                <li class="star-item"></li>
                                                <li class="star-item"></li>
                                                <li class="star-item"></li>
                                            </ul>
                                        </div>
                                        <div class="detail-comment-item-content">
                                            <p>母亲很喜欢！</p>
                                        </div>
                                        <ul class="detail-comment-item-imglist tm-m-photos-thumb clearfix">
                                            <li class="detail-comment-item-img image-useless tm-current">
                                                <img src="//img.hua.com/reviewpic/app/2021/05/10/724dc01a101045dba2eee6f6745cb722.png" alt="" />
                                            </li>
                                        </ul>
                                        <div class="detail-comment-item-imgviewer tm-m-photo-viewer" style="width: 400px;height:400px;">
                                            <a href="#" class="detail-comment-item-closeview">关闭大图</a>
                                            <img src="" class="detail-comment-item-viewimg"/>
                                            <a href="javascript:;" class="tm-m-photo-viewer-navleft"><span class="icon icon-imgviewer-left"></span></a>
                                            <a href="javascript:;" class="tm-m-photo-viewer-navright"><span class="icon icon-imgviewer-right"></span></a>
                                        </div>
                                        <div class="detail-comment-item-btm">
                                            <span class="detail-comment-item-addr">上海奉贤区</span>
                                            <span class="detail-comment-item-time">2021-05-10</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="mypage">
                                <!--下方选择页数条-->
                                <div class="layui-box">
                                    <a href="javascript:;" class="layuiPrev">上一页</a>
                                    <a href="#" class="action">1</a>
                                    <a href="#">2</a>
                                    <a href="#">3</a>
                                    <a href="#">4</a>
                                    <a href="#">5</a>
                                    <span>...</span>
                                    <a href="#" class="layuiLast" title="尾页">15</a>
                                    <a href="#" class="layuiNext">下一页</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!--常见问题-->
                <div id="question" class="detail-item detail-question">
                    <div class="detail-item-title">常见问题</div>
                    <div class="detail-bd">
                        <div class="detail-question-content">
                            <div class="detail-question-service">
                                <span>购买前如有问题，请向花礼网咨询。</span>
                                <a href="#"><span class="iconfont"></span>联系客服</a>
                            </div>
                            <div class="detail-question-item">
                                <p class="detail-question-item-q">
                                    <span class="iconwen"></span>
                                    我订鲜花（或蛋糕）最快多久能送到？
                                </p>
                                <p class="detail-question-item-a">
                                    在您订购付款后，鲜花最快1-3个小时送到接收人手上。
                                    （注：此时间为可能的最快送货时间，我们会确保在您下单所选时间段内送达。）
                                    蛋糕一般提前半天订购就可以送到。
                                </p>
                            </div>
                            <div class="detail-question-item">
                                <p class="detail-question-item-q">
                                    <span class="iconwen"></span>
                                    我订鲜花（或蛋糕）需要提前预订吗？
                                </p>
                                <p class="detail-question-item-a">
                                    鲜花（或蛋糕）一般提前半天订购就可以送到。当然，您提前一个月、两个月、半年，或提前更长时间订购都是可以的，我们都会在您指定的日期为您配送。
                                    鲜花蛋糕都是配送当日新鲜材料制作而成，确保新鲜度，敬请放心订购！<br />
                                    越早订，越从容：<br />
                                    1.您提前预订，方便我们提前安排；<br />
                                    2.如果您订的鲜花含有特殊花材，则是需要提前预订的，提前预订可确保花材齐全；<br />
                                    3.提前订好，我们会记住您选择的配送日期，按指定日期准时送达，即使忙碌，也保证您不会错过任何一个重要的日子！
                                </p>
                            </div>
                            <div class="detail-question-item">
                                <p class="detail-question-item-q">
                                    <span class="iconwen"></span>
                                    异地送花可以吗？(如：我人在北京可以送花到长沙去吗？)
                                </p>
                                <p class="detail-question-item-a">
                                    可以，花礼网全国连锁，全部直辖市、省会/首府、地级市（除西藏、青海）、
                                    大部分县级城市都可以配送，可送达全国2000+城市。而且，确保新鲜度，敬请放心订购！
                                </p>
                            </div>
                            <div class="detail-question-item">
                                <p class="detail-question-item-q">
                                    <span class="iconwen"></span>
                                    我要选择某一个时段送到？可以吗？
                                </p>
                                <p class="detail-question-item-a">
                                    提交订单时您可以选择上午(8:30-12:00)、
                                    下午(12:00-18:00)、晚上(18:00-21:00)三个时段；
                                    如果对配送时间点有特别需求，您可以选择定时服务。
                                    特别提示：如果下单时间距离所选时段少于3小时，
                                    您所选时段无法满足的情况下，将尽量在您付款后3小时内送到。
                                </p>
                            </div>
                            <div class="detail-question-item">
                                <p class="detail-question-item-q">
                                    <span class="iconwen"></span>
                                    我怎么样付款？我在国外如何办理支付？
                                </p>
                                <p class="detail-question-item-a">
                                    我们支持微信、支付宝、财付通、PayPal等方式付款，
                                    订单生成后可选择上述在线付款方式，非常快捷方便。
                                    如果您在国外，建议使用Paypal支付:支持PayPal余额支付、VISA卡、Master卡、AE卡等信用卡。
                                </p>
                            </div>
                            <div class="detail-question-item">
                                <p class="detail-question-item-q">
                                    <span class="iconwen"></span>
                                    关于售后服务：
                                </p>
                                <p class="detail-question-item-a">
                                    我们一直致力于持续提升服务水平，追求零客诉，我们为客户提供完善的售后服务。如果出现误单、花材不符、贺卡有误或者其他任何您不满意的情况，欢迎您第一时间与我们联系，我们将尽快为您做出回复和处理。200%退赔承诺，即如果漏单未送，订单款项全额退还给您，原订单商品同时再免费配送一次，

                                    <a href="#">详见售后服务条款&gt;&gt;</a>
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <!--购物保障-->
                <div id="service" class="detail-item detail-service">
                    <div class="detail-item-title">购物保障</div>
                    <div class="detail-bd">
                        <div class="detail-service-tab">
                            <ul>
                                <li>
                                    <a href="#">
                                        <span class="icon icon-service1"></span>
                                        <p>16年品牌</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <span class="icon icon-service2"></span>
                                        <p>销量领先</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <span class="icon icon-service3"></span>
                                        <p>百万客户信赖</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <span class="icon icon-service4"></span>
                                        <p>订单实拍</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <span class="icon icon-service5"></span>
                                        <p>3小时配送</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <span class="icon icon-service6"></span>
                                        <p>200%退赔承诺</p>
                                    </a>
                                </li>
                            </ul>
                        </div>
                        <div class="detail-service-content">
                            <img src="image/commodity/server01.jpg"/>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--页尾部分-->
        <div id="footer" class="ft">
            <div class="ft-container">
                <!--尾部导航-->
                <div class="ft-nav">
                    <a href="#">首页</a>
                    <a href="#">关于我们</a>
                    <a href="#">媒体报道</a>
                    <a href="#">联系方式</a>
                    <a href="#">企业团购</a>
                    <a href="#">花店入住</a>
                    <a href="#">友情链接</a>
                    <a href="#">在线付款</a>
                    <a href="#">为什么选择花礼网</a>
                </div>
                <!--尾部导航End-->
                <!--尾部证书-->
                <div class="ft-site">
                    <p>
                        <a href="#">中国花卉协会会员</a>
                        <a href="#">中国电子商务协会会员</a>ICP经营许可证：
                        <a href="#">粤B2-20050744</a>
                        <a href="#">粤ICP备09171662号</a>
                        <span class="icon icon-beian"></span>
                        粤公网安备44030502000373号 Copyright © 2005-2020
                    </p>
                    <p>
                        花礼网
                        <a href="#">www.hua.com</a>
                        <span>深圳市百易信息技术有限公司</span>
                        中国领先的鲜花礼品网，品牌鲜花网服务，鲜花速递专家！
                    </p>
                    <div class="ft-auth">
                        <span class="icon icon-slogan"></span>
                        <a href="#"><span class="icon icon-top100"></span></a>
                        <a href="#"><span class="icon icon-icp"></span></a>
                        <div class="ft-auth-border">
                            <a href="#">
                                <img src="https://szcert.ebs.org.cn/Images/govIcon.gif" title="深圳市市场监督管理局企业主体身份公示" alt="深圳市市场监督管理局企业主体身份公示" width="29.2px" height="40px"/></a>
                        </div>
                    </div>
                </div>
                <!--尾部证书End-->
            </div>
        </div>
        <!--页尾部分End-->
    <%--添加购物车提示框--%>
        <style>
            .tishi{
                width: 510px;
                height: 130px;
                font-size: 41px;
                background-color: #8e8084;
                border-radius: 25px;
                line-height: 130px;
                text-align: center;
                color: white;
                font-family: cursive;
                position: fixed;
                top: 136px;
                left: 530px;
                display: none;
            }
        </style>
    <div class="tishi"></div>
    </body>
</html>
